<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../../template/templateSGPF.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="corpo da página">
        <center><h1>LISTA DE SERVIDORES DA FASEPA </h1></center>
        <h:form id="frmLista">            
            <p:dataTable id="tbServidor" 
                         var="servidor" 
                         value="#{servidorBean.lista}"
                         paginator="true" 
                         rows="8" 
                         emptyMessage="N&atilde;o h&aacute; dados para exibi&ccedil;&atilde;o"  
                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} 
                         {PageLinks} {NextPageLink} {LastPageLink}"
                         resizableColumns="">

                <p:column headerText="Nome:"
                          filterBy="#{servidor.nome}" style="width: 20%;">
                    <h:outputText value="#{servidor.nome}"/>
                </p:column>

                <p:column headerText="Cargo:"
                          style="width: 10%"
                          filterBy="#{servidor.cargo.nome}">
                    <h:outputText value="#{servidor.cargo.nome}"/>
                </p:column>

                <p:column headerText="Unid:"
                          style="width: 4%"
                          filterBy="#{servidor.unidade.sigla}"
                          filterStyle="width:90%">
                    <h:outputText value="#{servidor.unidade.sigla}"/>
                </p:column>

                <p:column headerText="Setor:"
                          filterBy="#{servidor.setor.nome}"
                          filterStyle="width:90%"
                          style="width: 7%">
                    <h:outputText value="#{servidor.setor.sigla}"/>
                </p:column>

                <p:column headerText="Função:"
                          filterBy="#{servidor.funcao}"
                          style="width: 12%">
                    <h:outputText value="#{servidor.funcao}"/>
                </p:column>

                <p:column headerText="Status:"
                          filterBy="#{servidor.status}" 
                          style="width: 5%"
                          filterStyle="width:90%">
                    <h:outputText value="#{servidor.status}"/>
                </p:column>

                <p:column style="width: 8%">
                    <p:commandLink 
                        title="Informações"
                        update=":modInfoServidor"
                        onclick="PF('informacao').show();"
                        >
                        <p:graphicImage value="/resources/img/infor.png"/>
                        <f:setPropertyActionListener
                            value="#{servidor}"
                            target="#{servidorBean.servidor}"/>
                    </p:commandLink>
                    <p:commandLink 
                        title="Alterar"
                        action="#{servidorBean.alterar()}"
                        ajax="false"
                        >
                        <p:graphicImage value="/resources/img/edit.png"/>
                        <f:actionListener binding="#{servidorBean.putInSession(servidor)}" /> 
                    </p:commandLink>
                </p:column>
            </p:dataTable>
        </h:form>

        <p:dialog 
            header="Informações do servidor"            
            id="modInfo"                               
            widgetVar="informacao" 
            closable="true"
            resizable="false"
            width="990"
            >
            <h:form id="modInfoServidor">
                <h:inputHidden id="servId" value="#{servidorBean.servidor}"/>
                <div class="row-fluid">                        
                    <div class="well-custom2">   
                        <div class="pull-left">
                            <div class="row-fluid">
                                <strong for="Nome" class="font-color-green">
                                    Nome<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.nome} "/>
                            </div>
                            <div class="row-fluid"> 
                                <strong for="CEP" class="font-color-green">
                                    CEP:</strong> 
                                <h:outputText value="#{servidorBean.servidor.cep} "/>                                
                            </div>
                            <div class="row-fluid"> 
                                <strong for="Endereco" class="font-color-green">
                                    Endereço: </strong> 
                                <h:outputText value="#{servidorBean.servidor.endereco} "/> 
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Telefone" class="font-color-green">
                                    Telefone 1: </strong> 
                                <h:outputText value="#{servidorBean.servidor.telefone} " />                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Telefone2" class="font-color-green">
                                    Telefone 2: </strong> 
                                <h:outputText value="#{servidorBean.servidor.telefone2} " />                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Estado" class="font-color-green">
                                    Estado<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.uf.nome}" />                                 
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Municipio" class="font-color-green">
                                    Municipio<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.cidade.nome} " />                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Bairro" class="font-color-green">
                                    Bairro: </strong> 
                                <h:outputText value="#{servidorBean.servidor.bairro.nome} " />
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Escolaridade" class="font-color-green">
                                    Escolaridade: </strong> 
                                <h:outputText value="#{servidorBean.servidor.escolaridade} " />
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Sexo" class="font-color-green">
                                    Sexo: </strong> 
                                <h:outputText value="#{servidorBean.servidor.sexo} " />
                            </div>
                        </div>                                                                                

                        <div class="pull-left" style="margin-left: 4%">
                            <div class="row-fluid">                                    
                                <strong for="RG" class="font-color-green">
                                    RG<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.rg} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="CPF" class="font-color-green">
                                    CPF<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.cpf} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="PIS/PASEP" class="font-color-green">
                                    PIS/PASEP<strong style="color:red">*</strong>: </strong>                                 
                                <h:outputText value="#{servidorBean.servidor.pisPasep} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Título" class="font-color-green">
                                    Título<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.titulo} "/>
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Cargo" class="font-color-green">
                                    Cargo<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.cargo.nome} "/>                                
                            </div>
                            <div class="row-fluid">                                   
                                <strong for="TipoCargo" class="font-color-green">
                                    Tipo de cargo <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.tipoDeCargo.tipo} "/>                                
                            </div>
                            <div class="row-fluid">                                   
                                <strong for="Profissao" class="font-color-green">
                                    Profissao <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.profissao} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Status" class="font-color-green">
                                    Vínculo Previdência<strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.vincPrevidencia} "/>
                            </div>
                        </div>
                        <div class="pull-right">
                            <div class="row-fluid">                                    
                                <strong for="RG" class="font-color-green">
                                    Unidade <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.unidade.sigla} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="CPF" class="font-color-green">
                                    Setor <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.setor.sigla} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="PIS/PASEP" class="font-color-green">
                                    Função <strong style="color:red">*</strong>: </strong>                                 
                                <h:outputText value="#{servidorBean.servidor.funcao} "/>                                
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="DataAdm" class="font-color-green">
                                    Data de admissão <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.formataDataAdmissao} "/>
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Email" class="font-color-green">
                                    Email pessoal: </strong> 
                                <h:outputText value="#{servidorBean.servidor.email} "/>
                            </div>
                            <div class="row-fluid">                                    
                                <strong for="Título" class="font-color-green">
                                    Status <strong style="color:red">*</strong>: </strong> 
                                <h:outputText value="#{servidorBean.servidor.status} "/>
                            </div>
                        </div>
                    </div>
                </div>

            </h:form>
        </p:dialog>


    </ui:define>

</ui:composition>
